<template>
  <div>
    <todo-item v-for="todo in todos" :key="todo.id" :todo="todo" @delete="deleteTodo"></todo-item>
  </div>
</template>

<script>
import TodoItem from './TodoItem.vue'

export default {
  components: {
    TodoItem,
  },
  props: ['todos'],
  methods: {
    deleteTodo(id) {
      this.$emit('delete', id)
    },
  },
}
</script>
